﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>Courses</title>
    <meta charset="UTF-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap CSS -->
    <link href="../Content/bootstrap/bootstrap.css" rel="stylesheet" media="screen">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">NBSP</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img class="img-circle" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120">
                        Ime i prezime <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Profil</a></li>
                        <li><a href="#">Podešavanja</a></li>
                        <li><a href="#">Izloguj se</a></li>
                    </ul>

                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div>
</nav>



<div class="container">
<div class="row">

    <div class="col-md-4">
        <div class="thumbnail panel">
            <img class="img-responsive" data-src="holder.js/320x200" alt="...">
            <div class="caption panel-body">
                <h3>Informatika</h3>
                <p>Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid at consequatur delectus ea est excepturi, exercitationem harum, id maiores maxime nam perferendis placeat quisquam quos rem tempore unde voluptates. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias doloremque eligendi, enim hic laboriosam laudantium nisi odit placeat ratione tenetur? Beatae earum, illum incidunt odio officia quas repellendus sapiente totam! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad animi, atque consectetur consequatur eius est fugit illum in iusto nam natus numquam perferendis porro possimus saepe, soluta tempore? Nesciunt, possimus. sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad asperiores dignissimos harum illo incidunt ipsum, maiores minima nihil nobis officiis quis repellendus sit vel. Excepturi nostrum repellendus reprehenderit rerum suscipit. Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                <p>Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid at consequatur delectus ea est excepturi, exercitationem harum, id maiores maxime nam perferendis placeat quisquam quos rem tempore unde voluptates. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias doloremque eligendi, enim hic laboriosam laudantium nisi odit placeat ratione tenetur? Beatae earum, illum incidunt odio officia quas repellendus sapiente totam! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad animi, atque consectetur consequatur eius est fugit illum in iusto nam natus numquam perferendis porro possimus saepe, soluta tempore? Nesciunt, possimus. sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad asperiores dignissimos harum illo incidunt ipsum, maiores minima nihil nobis officiis quis repellendus sit vel. Excepturi nostrum repellendus reprehenderit rerum suscipit. Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail panel">
            <img class="img-responsive" data-src="holder.js/320x200" alt="...">
            <div class="caption panel-body">
                <h3>Informatika</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail panel">
            <img class="img-responsive" data-src="holder.js/320x200" alt="...">
            <div class="caption panel-body">
                <h3>Informatika</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores deleniti doloremque dolores ducimus eligendi in, inventore iure, laborum mollitia officia possimus quasi qui ratione repellat sit voluptate! A, quaerat? et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail panel">
            <img class="img-responsive" data-src="holder.js/320x200" alt="...">
            <div class="caption panel-body">
                <h3>Informatika</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab adipisci, architecto dolore eaque eos error eum eveniet inventore molestiae mollitia, natus, omnis perspiciatis praesentium quidem quo repudiandae sequi temporibus unde. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolor dolorem eos explicabo fugit ipsa ipsam iste, iusto laborum magnam minima necessitatibus nihil nobis praesentium quia quis quod sed velit? Amet atque blanditiis corporis dolorum et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail panel">
            <img class="img-responsive" data-src="holder.js/320x200" alt="...">
            <div class="caption panel-body">
                <h3>Informatika</h3>
                <p>Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet consequatur corporis cupiditate doloribus error expedita labore, magnam natus optio porro saepe velit. Accusamus, alias eligendi magnam molestias unde voluptatem. sloremit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
</div>

</div>

<!-- jQuery -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- Bootstrap JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>

<script src="holder.js"></script>
</body>
</html>